<!-- header-nav-sub-menu -->
<template>
  <div class="headernav-sub-menu">
    <div class="headernav-container">
      <ul class="">
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
        <li>
          <a href="#"
            ><img
              src="@/assets/img/picture/xiaomiphone-headernav.jpg"
              alt=""
            /><span>小米手机</span><span>9999元</span></a
          >
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang='less' >
.header-nav-sub-menu {
  width: 100%;

  .headernav-container {
    margin: 0 auto;
    width: 1226px;
    height: 230px;

    img {
      width: 160px;
      height: 110px;
    }
  }
}
</style>
